body{font-family: 'microsoft yahei';font-size: 13px;background: #f0f0f2;max-width:905px;margin:auto;}

a,a:hover,a:active,a:focus{color: #333;text-decoration: none}
.btn{border-radius: 0}

.nav>li{float:left;width: 33.333333%;text-align: center;}
.nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{clear: both;}
.nav-one>li{width: 100%}
.nav-tow>li:first-child{width: 33.333333%}
.nav-tow>li:last-child{width: 66.666666%}
.nav-thr>li:first-child{width: 66.666666%;text-align: left}
.nav-thr>li:first-child>span{padding: 8px 10px;display:inline-block}
.nav-thr>li:first-child>span+span{font-size: 15px}
.nav-thr>li:last-child{width: 33.333333%}
.nav-half>li{width: 50%}

.navbar-default{background-color: #333;text-align: center;border-top: 1px solid #444}
.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:active,.navbar-default .nav>li>a:focus{background-color: #333;}
.navbar-default .nav>li>a{color: #fff}
.navbar-default .nav>li+li:before{content:'׀';font-size: 16px;color:#fff;padding:8px 0;position: absolute;left:-3px}

.main{margin-bottom: 40px;}

.carousel{margin-bottom: 20px;font-size: 1.6em}
.carousel .item span{position:absolute;width:100%;bottom:26px;text-align: center;color: #fff}

.col-xs-12,.col-sm-6{margin-bottom: 15px;padding: 0}

.product-list{background-color: #fff}
.product-list>.product-img{background-color: #d9d9d9;text-align: center}
.product-list>.product-nam{padding: 10px 10px 0;}

/*.hot:before{content:url("../img/hot1.jpg");position:absolute;width: 50px;top:0;left: 0}*/

.product-list .nav>li{padding: 10px 0;}
.product-list .nav>li+li a{border-left: 1px solid #333}
.product-list .nav>li>a{padding: 3px 15px;}
.product-list .nav>li>a:hover,.product-list .nav>li>a:active,.product-list .nav>li>a:focus{background-color:#fff;}

.product-img>div{display: inline-block;;padding: 20px}
.product-img>div:first-child{height: 250px;text-align: right}
.product-img>div:first-child img{height: 100%}
.product-img>div:last-child{color:#fff}

.product-nam del{color:#a3a3a3;margin-right: 10px}
.product-nam span{color:#e51c23}
.product-nam span:last-child{float:right}

.product-detail{border-top:1px solid #ebebeb;padding: 10px}
.product-detail .detail{min-height: 80px;margin-bottom: 30px}
.product-detail .detail>p{padding-left: 4em}
.product-detail .detail>p.title{padding-left: 2em}
.product-detail .detail>img{padding-left: 2em}
.product-detail #information+.detail img{width: 100%;}

.img-text{display:inline-block;width:100%;padding:0 2em;margin-bottom: 30px}
.img-text p:first-child{font-weight: 600}
.img-text img{display: block;margin: auto}

.footer{width:100%;max-width: 905px;position: fixed;z-index: 1060;bottom:0;background: #fff;border-top: 1px solid #ebebeb}
.footer .nav>li+li>a{color: #fff}
.footer .nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{background-color: #fff}
.footer .nav>.btn-red>a,.footer .nav>.btn-red>a:hover,.footer .nav>.btn-red>a:active,.footer .nav>.btn-red>a:focus{color: #fff;background-color: #e84e40}
.footer .nav>.btn-org>a,.footer .nav>.btn-org>a:hover,.footer .nav>.btn-org>a:active,.footer .nav>.btn-org>a:focus{color: #fff;background-color: #ff7043}

.modal{display: block;background: rgba(0, 0, 0, 0.75)}
.modal .modal-body{position:absolute;width: 100%;bottom:39px;padding: 0}
.modal .modal-content{width: 100%;max-width:905px;margin:auto;border:none;border-radius:0}
.modal .modal-content .glyphicon-remove-sign{font-size:16px;position:absolute;top:10px;right:10px}
.modal .modal-content .content{padding: 15px}
.modal .modal-content .content dl{margin-bottom: 15px}
.modal .modal-content .content dl dt{font-weight:normal;margin-bottom: 3px}
.modal .modal-content .content dl dd{display:inline-block;padding: 1px 15px;border:1px solid #a9a9a9;border-radius:8px;margin-right: 10px}
.modal .modal-content .content dl dd.in{background-color: #fd6c5f;border-color: #fd6c5f}
.modal .modal-content .content dl dd.in a{color:#fff}

.car-list{background-color: #fff;padding: 10px}
.car-img{float: left;width: 80px}
.car-img>img{width: 100%}
.car-img>input{position:absolute;top:35px}
.car-name{left:100px;width: 100%}

.car-list:first-child,.order-list:first-child{margin-top: 15px;}

.order-list{background-color: #fff;padding: 10px}
.order-list>span{margin-left: 10px}
.order-list input[type="text"],.order-list input[type="text"]:focus{width: 70%;border: none;outline: none}
.order{display:flex;padding:5px;border-top: 1px solid #e8e8e8}
.order-img{float: left;width: 80px}
.order-img>img{width: 100%}
.order-name{left:100px;width: 80%}
.order-name p{margin-right: 80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.order-name p span{color: #a8a8a8;position:absolute;right:10px}

.address{padding-bottom: 0}
.address .order{padding: 10px 5px}
.address span{width: 70px;border-right: 1px solid #a9a9a9;margin-right: 10px}
.add-address{padding-left: 30px}
.add-address p{margin-bottom: 3px}
.add-address a{display:inline-block;padding: 1px 5px;border:1px solid #a9a9a9;border-radius:11px}
.glyphicon-map-marker{position: absolute;left: 20px;top:13px;color: #e51c23}

.num input{width:25px;height:23px;float: left;text-align:center;background: #fff;border: 1px solid #a9a9a9}
.num input+input{border-left:none;}
.num input:focus{outline:none}

.about{padding: 10px;}
.about img{display: block;margin: 20px auto}
.about p{line-height: 25px}

.pay{max-width:905px;margin-top: 15px;text-align: center;font-size: 25px;position:absolute;top:0;bottom:0}
.pay .glyphicon{font-size: 50px;padding: 20px}
.pay .glyphicon-ok-sign{color:#4cae4c}
.pay .glyphicon-exclamation-sign{color:#ec0202}
.pay span{font-size: 14px;color:#bfbfbf}

.badge{padding:0 3px 1px;background-color: #e84e40;font-weight:normal;position: absolute;z-index: 10;top: -5px;left: 6px;}
